/**
 * Name     : JavaFX FlatRed style
 * Publisher: Apress
 * Author   : Gerrit Grunwald
 *
 */
.root {
  -dark                        : #27292D;
  -standard                    : #913B3B;
  -bright                      : #DF5B5B;
  -text-color                  : #FFFEFE;
  -highlight-effect            : dropshadow(two-pass-box, rgba(255, 255, 255, 1.0), 20, 0.5, 0, 0);
  -fx-background               : #34383B;
  -fx-base                     : -standard;
  -fx-font-family              : "Roboto Light";
  -fx-font-size                : 16px;
  -fx-font-weight              : lighter;
  -fx-selection-bar            : -standard;
  -fx-selection-bar-non-focused: derive(-standard, 20%);
}


.menu-bar {
  -fx-background-color: -standard, -bright;
}
.menu-bar .menu:selected {
  -fx-background      : -bright;
  -fx-background-color: -standard;
  -fx-text-fill       : -text-color;
}
.menu-bar .menu-item {
  -fx-text-fill: -text-color;
}

.menu:pressed {
  -fx-background      : -standard;
  -fx-background-color: -standard;
  -fx-text-fill       : -text-color;
}
.menu:hover > .label {
  -fx-background-color: -standard;
}
.menu .menu-button {
  -fx-background      : -standard;
  -fx-background-color: -standard;
}

.context-menu {
  -fx-background-color: -bright;
}

.titled-pane {
  -fx-mark-color          : -standard;
  -fx-mark-highlight-color: transparent;
  -fx-text-fill           : -text-color;
}
.titled-pane:focused > .title > .arrow-button > .arrow {
  -fx-mark-color : white;
  -fx-focus-color: transparent;
}
.titled-pane > .title {
  -fx-background-color : -standard, -bright;
  -fx-background-insets: 0, 1 0 0 0;
}
.titled-pane >.title:hover {
  -fx-background-color: -standard, derive(-bright, -10%);
}

.button{
  -fx-text-fill        : -text-color;
  -fx-outer-border     : linear-gradient(to bottom, derive(-standard, 30%) 0%, derive(-standard, -30%) 100%);
  -fx-inner-border     : derive(-bright, 10%);
  -fx-body-color       : -bright;
  -fx-border-color     : transparent;
  -fx-border-radius    : 0;
  -fx-background-insets: 0,0,0,1 0 0 0;
  -fx-padding          : 10 15 10 15;
  -fx-font-family      : "Roboto Light";
  -fx-font-size        : 16px;
  -fx-font-style       : normal;
  -fx-font-weight      : lighter;
  -fx-effect           : dropshadow(two-pass-box, rgba(0, 0, 0, 0.3), 2, 0, -2, 2);
}
.button:pressed {
  -fx-body-color  : -standard;
  -fx-inner-border: derive(-standard, 10%);
}
.button:disabled {
  -fx-body-color: -dark;
}
.button .text {
  -fx-effect: dropshadow(two-pass-box, rgba(0, 0, 0, 0.2), 1, 0, 0, 1);
}

.toggle-button{
  -fx-text-fill        : -text-color;
  -fx-outer-border     : linear-gradient(to bottom, derive(-standard, 30%) 0%, derive(-standard, -30%) 100%);
  -fx-inner-border     : derive(-bright, 10%);
  -fx-body-color       : -bright;
  -fx-border-color     : transparent;
  -fx-border-radius    : 0;
  -fx-background-insets: 0, 0, 0, 1 0 0 0;
  -fx-padding          : 10 15 10 15;
  -fx-font-family      : "Roboto Light";
  -fx-font-size        : 16px;
  -fx-font-style       : normal;
  -fx-font-weight      : lighter;
}
.toggle-button:pressed {
  -fx-body-color  : -standard;
  -fx-inner-border: derive(-standard, 10%);
}
.toggle-button:selected {
  -fx-body-color      : -standard;
  -fx-inner-border    : derive(-standard, 10%);
  -fx-background-color: -fx-focus-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
}

.radio-button .radio {
  -fx-background-radius: 1em;
  -fx-background-color : -bright, -fx-background;
  -fx-background-insets: 0, 2;
  -fx-pref-width       : 21;
  -fx-pref-height      : 21;
}
.radio-button:selected .radio .dot {
  -fx-background-color : -bright;
  -fx-background-insets: 0;
  -fx-padding          : 0.4em;
}

.check-box > .box {
  -fx-background-radius: 0;
  -fx-background-color : -bright, -fx-background;
  -fx-background-insets: 0, 2;
  -fx-pref-width       : 21;
  -fx-pref-height      : 21;
}
.check-box:focused > .box {
  -fx-background-insets: 0, 2;
}
.check-box > .box > .mark {
  -fx-mark-highlight-color: -bright;
  -fx-mark-color          : -bright;
  -fx-scale-shape         : false;
  -fx-shape               : "M 4.023 10.8633 L 4.0259 10.9843 L 11.9863 2.9926 L 10.1048 -0.014 L 4.0049 7.9774 L 1.3589 5.9741 L -0.0884 8.0153 L 4.023 10.8633 Z";
  -fx-pref-width          : 12px;
  -fx-pref-height         : 11px;
}
.check-box:selected .mark {
  -fx-background-color: -bright;
}

.scroll-bar:horizontal {
  -fx-background-color : -bright;
  -fx-background-radius: 0;
  -fx-padding          : 0;
  -fx-background-insets: 0;
}
.scroll-bar:horizontal .thumb {
  -fx-background-color: white;
  -fx-scale-shape     : false;
  -fx-shape           : "M 935 1187 L 943 1187 L 943 1188 L 935 1188 L 935 1187 ZM 935 1185 L 943 1185 L 943 1186 L 935 1186 L 935 1185 ZM 935 1183 L 943 1183 L 943 1184 L 935 1184 L 935 1183 ZM 926 1185.5 C 926 1192.9559 932.0441 1199 939.5 1199 C 946.9559 1199 953 1192.9559 953 1185.5 C 953 1178.0441 946.9559 1172 939.5 1172 C 932.0441 1172 926 1178.0441 926 1185.5 Z";
  -fx-effect          : dropshadow(two-pass-box, rgba(0, 0, 0, 0.3), 1, 0.0, 0, 1);
}
.scroll-bar:horizontal > .decrement-button > .decrement-arrow {
  -fx-background-color: white;
  -fx-padding         : 0.333em 0.167em 0.333em 0.167em;
  -fx-shape           : "M5.997,5.072L5.995,6.501l-2.998-4l2.998-4l0.002,1.43l-1.976,2.57L5.997,5.072z";
  -fx-effect          : dropshadow(two-pass-box , -fx-shadow-highlight-color, 1, 0.0 , 0, 1.4);
}
.scroll-bar:horizontal > .increment-button > .increment-arrow {
  -fx-background-color: white;
  -fx-padding         : 0.333em 0.167em 0.333em 0.167em;
  -fx-shape           : "M2.998-0.07L3-1.499l2.998,4L3,6.501l-0.002-1.43l1.976-2.57L2.998-0.07z";
  -fx-effect          : dropshadow(two-pass-box , -fx-shadow-highlight-color, 1, 0.0 , 0, 1.4);
}
.scroll-bar:vertical {
  -fx-background-color : -bright;
  -fx-background-radius: 0;
  -fx-padding          : 0;
  -fx-background-insets: 0;
}
.scroll-bar:vertical .thumb {
  -fx-background-color: white;
  -fx-scale-shape     : false;
  -fx-shape           : "M 935 1187 L 943 1187 L 943 1188 L 935 1188 L 935 1187 ZM 935 1185 L 943 1185 L 943 1186 L 935 1186 L 935 1185 ZM 935 1183 L 943 1183 L 943 1184 L 935 1184 L 935 1183 ZM 926 1185.5 C 926 1192.9559 932.0441 1199 939.5 1199 C 946.9559 1199 953 1192.9559 953 1185.5 C 953 1178.0441 946.9559 1172 939.5 1172 C 932.0441 1172 926 1178.0441 926 1185.5 Z";
  -fx-effect          : dropshadow(two-pass-box, rgba(0, 0, 0, 0.3), 1, 0.0, 0, 1);
}
.scroll-bar:vertical > .decrement-button > .decrement-arrow {
  -fx-background-color: white;
  -fx-padding         : 0.167em 0.333em 0.167em 0.333em;
  -fx-shape           : "M1.929,4L0.5,3.998L4.5,1l4,2.998L7.07,4L4.5,2.024L1.929,4z";
  -fx-effect          : dropshadow(two-pass-box , -fx-shadow-highlight-color, 1, 0.0 , 0, 1.4);
}
.scroll-bar:vertical > .increment-button > .increment-arrow {
  -fx-background-color: white;
  -fx-padding         : 0.167em 0.333em 0.167em 0.333em;
  -fx-shape           : "M7.071,1L8.5,1.002L4.5,4l-4-2.998L1.93,1L4.5,2.976L7.071,1z";
  -fx-effect          : dropshadow(two-pass-box , -fx-shadow-highlight-color, 1, 0.0 , 0, 1.4);
}

.scroll-bar > .track {
  -fx-background-insets: 0;
  -fx-padding          : 1em;
}
.scroll-bar > .increment-button:hover > .increment-arrow,
.scroll-bar > .decrement-button:hover > .decrement-arrow {
  -fx-background-color: -bright;
}
.scroll-bar > .increment-button:pressed > .increment-arrow,
.scroll-bar > .decrement-button:pressed > .decrement-arrow {
  -fx-background-color: -bright;
}
.scroll-bar .thumb:pressed {
  -fx-effect: -highlight-effect;
}

.slider .track {
  -fx-background-color : -bright;
  -fx-background-radius: 1em;
  -fx-padding          : 0.8em;
}
.slider .thumb {
  -fx-background-color: white;
  -fx-scale-shape     : false;
  -fx-shape           : "M 935 1187 L 943 1187 L 943 1188 L 935 1188 L 935 1187 ZM 935 1185 L 943 1185 L 943 1186 L 935 1186 L 935 1185 ZM 935 1183 L 943 1183 L 943 1184 L 935 1184 L 935 1183 ZM 926 1185.5 C 926 1192.9559 932.0441 1199 939.5 1199 C 946.9559 1199 953 1192.9559 953 1185.5 C 953 1178.0441 946.9559 1172 939.5 1172 C 932.0441 1172 926 1178.0441 926 1185.5 Z";
  -fx-effect          : dropshadow(two-pass-box, rgba(0, 0, 0, 0.3), 1, 0.0, 0, 1);
}
.slider .thumb:pressed {
  -fx-effect: -highlight-effect;
}

.progress-bar .track {
  -fx-background-color : -bright;
  -fx-background-insets: 0;
  -fx-background-radius: 0;
  -fx-padding          : 0.8em;
}
.progress-bar .bar {
  -fx-background-insets: 0;
  -fx-background-radius: 0;
  -fx-box-border       : -bright;
  -fx-accent           : -standard;
}
.progress-indicator {
  -fx-progress-color  : -standard;
}
.progress-indicator > .determinate-indicator > .indicator {
  -fx-background-color : -bright;
  -fx-background-insets: 0, 1, 5 2 1 2;
  -fx-padding          : 0;
}
.progress-indicator .percentage {
  -fx-fill: rgb(255, 255, 255);
}

.borders{
  -fx-border-color : rgba(255, 255, 255, .80);
  -fx-border-style : dotted;
  -fx-border-width : 1;
  -fx-border-insets: -2;
}